<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>接测试</title>
    <!-- 引入jq文件 -->
    <script src="./js/jquery-3.7.1.js"></script>
    <!-- 引入封装请求方法 -->
    <script src="./js/http.js"></script>
    <!-- 引入api接口列表 -->
    <script src="./js/api.js"></script>
</head>

<body>
    <p>页面跳转会直接在网页上跳转出去</p>
    <div id="html">
        <!-- 这里渲染页面支付 -->

    </div>

    <!-- 这里是链接支付，需要手动点击跳转页面 -->
    <br>
    <div>
        <p>先点击按钮获取，才能点击链接跳转</p>
        <a href="" id="link">支付链接</a>
    </div>
    <br>

    <p>先点击按钮获取，返回的数据里有一个是链接，手机浏览器打开后会跳转到 支付软件 支付</p>
    <div id="apidata">
        <!-- 这里输出支付api接口数据 -->

    </div>

  

    <div>
        <div> <button id="pagePay">获取页面支付</button> </div>
        <br>
        <div> <button id="linkPay">获取支付链接</button> </div>
        <br>
        <div> <button id="apiPay">获取支付api接口</button> </div>
        <br>
        <div> <button id="order">获取支付订单</button></div>
    </div>


</body>
<script>

    $(function () {
        // 接口普通操作
        $('#btn').click(function () {
            console.log("获取")
            // // 请求的参数
            // let params = {
            //     id: 11,
            //     userName: "hahaha",//以此类推
            // }
            // // 请求接口
            // home(params).then(res => {
            //     // res是请求返回的结果
            //     console.log(res)
            //     // 在这里面操作数据
            // })

        })



        $('#pagePay').click(function () {
            console.log("获取页面支付")
            pagePay().then(res => {
                console.log(res)
                $('#html').html(res)
            })
        })
        $('#linkPay').click(function () {
            console.log("获取支付链接")
            linkPay().then(res => {
                console.log(res)
                $('#link').attr('href', res)
            })
        })
        $('#apiPay').click(function () {
            console.log("获取支付api接口")
            apiPay().then(res => {
                console.log(res)
                $('#apidata').html(res)
            })
        })

        $('#order').click(function () {
            console.log("获取支付api接口")
            order().then(res => {
                console.log(res)
                $('#apidata').html(res)
            })
        })
        let d =
        {
            "code": 1,
            "msg": "succ",
            "trade_no": "2023101023564828062",
            "out_trade_no": "20231010235647253",
            "api_trade_no": "2023101023564841368",
            "type": "alipay",
            "pid": "35894",
            "addtime": "2023-10-10 23:56:48",
            "endtime": "2023-10-10 23:57:11",
            "name": "哈哈哈1",
            "money": "1.00",
            "param": null,
            "buyer": null,
            "status": "1",
            "payurl": null
        }


    })

</script>

</html>